header .header_bottom .all_class ul{
  background-color: #555;
  opacity: 0.7;
  display: none;
}
header .header_bottom .all_class h2{
  font-size: 20px;
  background-color: #e05c46;
}
header .header_bottom .nav #home_page{
  border-bottom: none
}
header .header_bottom .nav .prevent_page{
  border-bottom: 3px solid #fff;
}
header .header_bottom .nav #home_page:hover{
  padding-bottom: 2px;
  border-bottom: 3px solid #fff;
}
header .header_bottom .nav .second_sheet:hover{
  padding-bottom: 4px;
  border-bottom: 3px solid #fff;
}
/*隐藏控制面板*/
section .arts_type_check_hidden{
  width: 100%;
  min-width: 100%;
  height: 400px;
  display: flex;
}
section .check_hidden_left{
  width: 40%;
  height: 400px;
  margin: 0 0 0 5%;
}
section .check_hidden_left [class^=check_left]{
  height: 80px;
}
section .check_hidden_left [class^=check_left] h4{
  width: 16%;
  height: 80px;
  margin: 0;
  text-align: center;
  line-height: 80px;
  font-size: 16px;
  float: left;
}
section .check_hidden_left [class^=check_left] .pro_bar_hidden{
  width: 83%;
  height: 80px;
  float: left;
}
section .check_hidden_left .pro_bar_hidden .price_num,
section .check_hidden_left .pro_bar_hidden .size_num{
  height: 30px; 
  text-align: right; 
  line-height: 30px;
  margin: 0 5% 0 0;
  font-size: 14px;
}
section .check_hidden_left .pro_bar_hidden .price,
section .check_hidden_left .pro_bar_hidden .size{
  width: 90%;
  margin: 0 0 0 5%;
}
section .check_hidden_left .check_left_color .pro_bar_hidden{
  display: flex;
}
section .check_hidden_left .color_box{
  width: 9%;
  height: 20px;
  border: 3px solid #fff;
  margin: 28px 0 0;
  cursor: pointer;
}
section .check_hidden_left .check_left_shape .pro_bar_shapebox{
  display: flex;
  height: 80px;
}
section .check_hidden_left .pro_bar_shapebox .box{
  height: 80px;
  width: 20%;
  margin: 0 1px 0 ;
}
section .check_hidden_left .pro_bar_shapebox .box img{
  width: 40px;
  height: 40px;
  margin: 20px;
}
section .check_hidden_left .check_left_search .label_box{
  margin: 20px 0 0 120px;
  width: 300px;
  height: 30px;
}
section .check_hidden_left .check_left_search img{
  width: 22px;
  height: 22px;
  margin: 2px 10px 0 0;
  float: left;
}
section .check_hidden_left .check_left_search input{
  height: 30px;
  border: none;
  outline: none;
  font-size: 16px;
  float: left;
}
section .check_hidden_right{
  width: 48%;
  height: 400px;
  margin: 0 0 0 1%;
  display: flex;
}
section .check_hidden_right .item{
  width: 120px;
  height: 400px;
  margin: 0 0 0 50px;
}
section .check_hidden_right .item span{
  display: block;
  margin: 20px 0;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}



/*控制面板*/
section .arts_type_check{
  width: 100%;
  min-width: 1600px;
  height: 400px;
  display: flex;
  /*display: none;*/
}
section .arts_type_check .check_left{
  width: 40%;
  min-width: 664px;
  height: 400px;
  margin: 0 0 0 5%;
}
section .arts_type_check .check_left [class^=check_left]{
  /*border: 1px solid red;*/
  height: 80px;
}
section .check_left .check_left_price .check_left_price{
  display: flex;
}
section .check_left [class^=check_left] h4{
  width: 16%;
  height: 80px;
  margin: 0;
  text-align: center;
  line-height: 80px;
  font-size: 16px;
  float: left;
}
section .check_left [class^=check_left] .pro_bar{
  width: 84%;
  height: 80px;
  float: left;
}
section .check_left [class^=check_left] .pro_bar_box{
  display: flex;
  /*border: 1px solid green;*/
  height: 40px;
}
section .check_left .pro_bar_box .box{
  height: 20px;
  width: 20%;
  background-color: #ddd;
  margin: 20px 1px 0 ;
}
section .check_left .pro_bar_box .box:hover{
  background-color: #c0c0c0;
}
section .check_left [class^=check_left] .pro_bar_num{
  display: flex;
  height: 40px;
  justify-content: space-between;
}
section .check_left .pro_bar_num .num{
  height: 20px;
  width: 10%;
  margin: 0 2px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
section .check_left .check_left_color .pro_bar_colorbox{
  display: flex;
  height: 80px;
}
section .check_left .pro_bar_colorbox .box{
  height: 20px;
  width: 20%;
  margin: 30px 1px 0 ;
}
section .check_left .pro_bar_colorbox .box:hover{
  opacity: 0.7;
}
section .check_left .check_left_shape .pro_bar_shapebox{
  display: flex;
  height: 80px;
}
section .check_left .pro_bar_shapebox .box{
  height: 80px;
  width: 20%;
  margin: 0 1px 0 ;
}
section .check_left .pro_bar_shapebox .box img{
  width: 40px;
  height: 40px;
  margin: 20px;
}
section .check_left .check_left_search .label_box{
  margin: 20px 0 0 120px;
  width: 300px;
  height: 30px;
}
section .check_left .check_left_search img{
  width: 22px;
  height: 22px;
  margin: 2px 10px 0 0;
  float: left;
}
section .check_left .check_left_search input{
  height: 30px;
  border: none;
  outline: none;
  font-size: 16px;
  float: left;
}


section .arts_type_check .check_center{
  width: 22%;
  min-width: 365px;
  height: 400px;
  display: flex;
}
section .check_center .item{
  width: 120px;
  height: 400px;
  margin: 0 0 0 50px;
}
section .check_center .item span{
  display: block;
  margin: 20px 0;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}

section .arts_type_check .check_right{
  width: 28%;
  min-width: 410px;
  height: 400px;
  /*border: 1px solid black;*/
  display: flex;
}
section .arts_type_check .check_right .art_concept{
  /*border: 1px solid green;*/
  height: 400px;
  width: 27%;
}
section .arts_type_check .check_right .art_concept span{
  display: block;
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
section .arts_type_check .check_right .art_concept_explain{
  /*border: 1px solid red;*/
  width: 73%;
  height: 400px;
}
section .arts_type_check .check_right .explain_box{
  width: 100%;
  height: 220px;
  background-color: #aaa;
  margin: 80px 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
section .arts_type_check .check_right .explain_box h2,
section .arts_type_check .check_right .explain_box h3{
  text-align: center;
  margin: 10px 0 0 0;
  color: #fff;
}
section .arts_type_check .check_right .explain_box p{
  margin: 20px 10px;
  color: #fff;
  font-size: 14px;
}
section .arts_type_check .check_right .explain_cx{
  background-image: url(../imgs/20160427110301935dd776b42.jpg);
  /*display: none;*/
}
section .arts_type_check .check_right .explain_jx{
  background-image: url(../imgs/20170901111208042c37d84b3.jpg);
  display: none;
}
section .arts_type_check .check_right .explain_gn{
  background-image: url(../imgs/20210511233538744933fcda6.jpg);
  display: none;
}
section .arts_type_check .check_right .explain_ctgh{
  background-image: url(../imgs/202105120115109604d66acc8.jpg);
  display: none;
}
section .arts_type_check .check_right .explain_rw{
  background-image: url(../imgs/20181016185407015999c9fea.jpg);
  display: none;
}
section .arts_type_check .check_right .explain_fj{
  background-image: url(../imgs/202105120139321204b02cda4.jpg);
  display: none;
}
section .arts_type_check .check_right .explain_jw{
  background-image: url(../imgs/2019010413563730921c5426c.jpg);
  display: none;
}
section .advanced_filter{
  height: 40px;
  text-align: center;
}
section .advanced_filter button{
  width: 200px;
  height: 30px;
  margin: 5px 0;
  border: none;
  cursor: pointer;
}
section .advanced_filter button img{
  width: 16px;
  height: 10px;
  margin: 0 0 0 5px;
}


section .arts_totalarts{
  width: 100%;
  border: 1px solid green;
}
section .arts_totalarts .container{
  display: flex;
  flex-wrap: wrap;
  border:1px solid red;
}
section .arts_totalarts .box{
  width: 400px;
}
section .arts_totalarts .box img{
  width: 320px;
  margin: 20px 40px 20px;
}
section .arts_totalarts .box .img_info{
  margin: 0 60px 0;
}
section .arts_totalarts .box .img_info .artist{
  margin: 2px 0;
  font-size: 12px;
  font-weight: bold;
}
section .arts_totalarts .box .img_info i{
  font-size: 12px;
  color: #666;
}
section .arts_totalarts .box .img_info .price{
  margin: 2px 0 20px;
  font-size: 12px;
}

.contaier{
  width:1200px;
  margin: auto;
  position: relative;
}
.contaier .item{
  box-sizing: border-box;
  width:320px;
  position: absolute;
  /*border: 1px solid red;*/
}
.img_info{
  margin: 0 40px 0;
}
.img_info .artist{
  margin: 2px 0;
  font-size: 12px;
  font-weight: bold;
}
.img_info i{
  font-size: 12px;
  color: #666;
}
.img_info .price{
  margin: 2px 0 20px;
  font-size: 12px;
}
.item img{
  border:0;
  /*width: 320px;*/
  width: 100%;
}
.item a{
  color: #000;
}


footer{
  background-color: #fff;
  height: 140px;
}
footer .footer_list{
  height: 100px;
  border: 1px solid #fff;
}
footer .footer_list ul{
  display: flex;
  height: 40px;
  margin: 50px 0 0 0;
  background-image: url(../imgs/public/logo.png);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}
footer .footer_list ul li{
  line-height: 40px;
  font-size: 14px;
  margin: 0 40px 0;
}
footer .footer_list ul li a{
  color: #000;
}
footer .footer_copy{
  height: 40px;
}
footer .footer_copy p{
  font-size: 12px;
  text-align: center;
  margin: 10px 0 20px;
  color: #666;
}